
    <html>
    <head>
      <script type="text/javascript" src="VIS/dist/vis.js"></script>
      <link href="VIS/dist/vis.css" rel="stylesheet" type="text/css">
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    </head>
    <body>

    <div id="VIS_draw"></div>

    <script type="text/javascript">
      var nodes = [{'group': 'Event', 'id': 40, 'label': 'would'}, {'group': 'Event', 'id': 19, 'label': 'keyword'}, {'group': 'Event', 'id': 32, 'label': 'come'}, {'group': 'Event', 'id': 46, 'label': 'appeal'}, {'group': 'Event', 'id': 42, 'label': 'be'}, {'group': 'Event', 'id': 38, 'label': 'making'}, {'group': 'Event', 'id': 36, 'label': 'is'}, {'group': 'Event', 'id': 12, 'label': 'cultures'}, {'group': 'Event', 'id': 44, 'label': 'crossovers'}, {'group': 'Event', 'id': 34, 'label': 'country'}, {'group': 'Event', 'id': 48, 'label': 'may'}, {'group': 'Event', 'id': 20, 'label': 'Peiqiang'}, {'group': 'Event', 'id': 22, 'label': 'sequence'}, {'group': 'Event', 'id': 24, 'label': 'humor'}, {'group': 'Event', 'id': 26, 'label': 'film'}, {'group': 'Event', 'id': 28, 'label': 'that'}, {'group': 'Event', 'id': 31, 'label': 'brings voices'}, {'group': 'Event', 'id': 51, 'label': 'frequency'}, {'group': 'Event', 'id': 50, 'label': 'visions'}, {'group': 'Event', 'id': 126, 'label': 'Liu Qi'}, {'group': 'Event', 'id': 83, 'label': 'Person'}, {'group': 'Event', 'id': 99, 'label': 'China'}, {'group': 'Event', 'id': 85, 'label': 'Location'}, {'group': 'Event', 'id': 127, 'label': 'Gwo'}, {'group': 'Event', 'id': 111, 'label': 'Liu Peiqiang'}, {'group': 'Event', 'id': 130, 'label': 'MOSS'}, {'group': 'Event', 'id': 91, 'label': 'Organization'}, {'group': 'Event', 'id': 94, 'label': 'America'}, {'group': 'Event', 'id': 131, 'label': 'Liu Peiqiang’s'}, {'group': 'Event', 'id': 123, 'label': 'Tim'}, {'group': 'Event', 'id': 68, 'label': '  '}, {'group': 'Event', 'id': 98, 'label': 'AMC'}, {'group': 'Event', 'id': 72, 'label': 'Cixin Liu'}, {'group': 'Event', 'id': 103, 'label': 'Han Duoduo'}, {'group': 'Event', 'id': 115, 'label': 'Alfonso Cuarón’s'}, {'group': 'Event', 'id': 119, 'label': 'the Earthside half'}, {'group': 'Event', 'id': 118, 'label': 'Core'}, {'group': 'Event', 'id': 82, 'label': 'Frant Gwo'}, {'group': 'Event', 'id': 84, 'label': 'Shanghai'}, {'group': 'Event', 'id': 86, 'label': 'IMAX'}, {'group': 'Event', 'id': 90, 'label': 'Worlds Collide'}];
      var edges = [{'from': 40, 'label': '', 'to': 19}, {'from': 32, 'label': '', 'to': 19}, {'from': 46, 'label': '', 'to': 19}, {'from': 42, 'label': '', 'to': 19}, {'from': 38, 'label': '', 'to': 19}, {'from': 36, 'label': '', 'to': 19}, {'from': 12, 'label': '', 'to': 19}, {'from': 44, 'label': '', 'to': 19}, {'from': 34, 'label': '', 'to': 19}, {'from': 48, 'label': '', 'to': 19}, {'from': 20, 'label': '', 'to': 36}, {'from': 22, 'label': '', 'to': 36}, {'from': 24, 'label': '', 'to': 36}, {'from': 26, 'label': '', 'to': 36}, {'from': 28, 'label': '', 'to': 42}, {'from': 34, 'label': '', 'to': 31}, {'from': 32, 'label': '', 'to': 51}, {'from': 34, 'label': '', 'to': 51}, {'from': 36, 'label': '', 'to': 51}, {'from': 38, 'label': '', 'to': 51}, {'from': 40, 'label': '', 'to': 51}, {'from': 42, 'label': '', 'to': 51}, {'from': 44, 'label': '', 'to': 51}, {'from': 46, 'label': '', 'to': 51}, {'from': 48, 'label': '', 'to': 51}, {'from': 50, 'label': '', 'to': 51}, {'from': 126, 'label': '', 'to': 83}, {'from': 99, 'label': '', 'to': 85}, {'from': 127, 'label': '', 'to': 83}, {'from': 111, 'label': '', 'to': 83}, {'from': 130, 'label': '', 'to': 91}, {'from': 94, 'label': '', 'to': 85}, {'from': 131, 'label': '', 'to': 83}, {'from': 123, 'label': '', 'to': 83}, {'from': 68, 'label': '', 'to': 91}, {'from': 98, 'label': '', 'to': 91}, {'from': 72, 'label': '', 'to': 83}, {'from': 103, 'label': '', 'to': 83}, {'from': 115, 'label': '', 'to': 83}, {'from': 119, 'label': '', 'to': 91}, {'from': 118, 'label': '', 'to': 91}, {'from': 82, 'label': '', 'to': 83}, {'from': 84, 'label': '', 'to': 85}, {'from': 86, 'label': '', 'to': 91}, {'from': 127, 'label': '', 'to': 91}, {'from': 90, 'label': '', 'to': 91}, {'from': 99, 'label': '', 'to': 94}, {'from': 94, 'label': '', 'to': 99}, {'from': 99, 'label': '', 'to': 98}, {'from': 98, 'label': '', 'to': 99}, {'from': 103, 'label': '', 'to': 126}, {'from': 126, 'label': '', 'to': 103}, {'from': 111, 'label': '', 'to': 126}, {'from': 126, 'label': '', 'to': 111}, {'from': 111, 'label': '', 'to': 130}, {'from': 130, 'label': '', 'to': 111}, {'from': 115, 'label': '', 'to': 131}, {'from': 131, 'label': '', 'to': 115}, {'from': 119, 'label': '', 'to': 118}, {'from': 118, 'label': '', 'to': 119}, {'from': 123, 'label': '', 'to': 126}, {'from': 126, 'label': '', 'to': 123}, {'from': 127, 'label': '', 'to': 126}, {'from': 126, 'label': '', 'to': 127}, {'from': 131, 'label': '', 'to': 130}, {'from': 130, 'label': '', 'to': 131}];

      var container = document.getElementById("VIS_draw");

      var data = {
        nodes: nodes,
        edges: edges
      };

      var options = {
          nodes: {
              shape: 'circle',
              size: 15,
              font: {
                  size: 15
              }
          },
          edges: {
              font: {
                  size: 10,
                  align: 'center'
              },
              color: 'red',
              arrows: {
                  to: {enabled: true, scaleFactor: 1.2}
              },
              smooth: {enabled: true}
          },
          physics: {
              enabled: true
          }
      };

      var network = new vis.Network(container, data, options);

    </script>
    </body>
    </html>
    